<section>
    <article>
        <script language="javascript">
            //Implémentation des fonctions au chargement de la page
            $(document).ready(function() {
                function rnd() {
                    //var nbImages = $('#photoDeroulantes img').length
                    var nId =Math.floor(Math.random()*6);
                    //Remise à 1 des z-index de toutes les images
                    $('#photosDeroulantes img').css("z-index",1);
                    $("#photo" + nId).css("z-index",2);
                }
                setInterval(function() {
                    $('#photosDeroulantes').effect("fade", {}, 500);
                    setTimeout(function()
                    {
                        rnd();
                    },500);
                    $('#photosDeroulantes').effect("fade",{}, 500);
                }, 10000);
            });
        </script>
        <p>Bienvenue ! Ceci est l'accueil !</p>
        <!—Div contenant les photos-->
        <div id="photosDeroulantes">
            <?php
                $i = 1;
               foreach (VariablesGlobales::$lesLiensImages as $unLienImage)
               {
                   ?>
                    <img id='photo<?php echo $i; ?>' src='<?php echo $unLienImage; ?>' />
                    <?php
                   $i++;
               }
            ?>
        </div>
    </article>
</section>